<script setup>

import router from "@/router/index.js";
</script>

<template>
  <div class = "border">
    <ul class = "ful">
      <li class = "" @click = "router.push({name:'ShoYe'})">首页</li>
      <li class = "" @click = "router.push({name:'ShoYe'})">热点</li>
      <li class = "" @click = "router.push({name:'Publish'})">发布</li>
      <li class = "" @click = "router.push({name:'shop'})">商城</li>
      <li class = "" @click = "router.push({name:'plCenter'})">个人</li>
    </ul>
  </div>
</template>

<style scoped>
div {
  position: fixed;
  bottom: 6.6%;
  background-color: white;
  height: 30px;
}

.ful {
  display: flex;
  padding: 0;
}

.ful li {
  margin: 0;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
</style>